li {
    list-style-type: none;
    width: 100%;
    height: 30%;
    /* background-color: aqua; */
    border: 3PX solid #8bddca;
    position: absolute;
    left: 0;
    top: 35%;
    border-radius: 90%;
    
}

.li_1 {
    transform: rotate(30deg);
}

.li_2 {
    transform: rotate(90deg);
}
.li_3 {
    transform: rotate(150deg);
}


/* li::nth-child(n+1){
 transform: rotate(30deg);
}
li::nth-child(n+2){
    transform: rotate(60deg);
   } */
ul {
    width: 500px;
    height: 500px;
    position: relative;
    padding: 0;
    /* margin: 0; */
    animation: rotate 5s linear  infinite;
}

@keyframes rotate-traverse {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(-720deg);
    }
  }
  .li_4 {
    width: 10%;
    height: 10%;
    left: 45%;
    top: 45%;
    background-color: #8bddca;
    animation: rotate-traverse 5s linear infinite;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 30px;
}

@keyframes rotate {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }